<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>会议详情</title>
    <link rel="stylesheet" type="text/css" href="../../css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <script src="../../js/mui.min.js"></script>
    <script src="../../js/jquery.min.js"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <span class="back"></span>
    <span class="cross"></span>
    <h1 class="mui-title">会议详情</h1>
    <span id="delBtn" class="edit-name fr">删除</span>
</header>
<div class="mui-content" style="padding-bottom: 70px">
    <ul class="summary-list">
        <li>
            <div class="summary-l">会议主题：</div>
            <div class="summary-r">一周工作总结</div>
        </li>
        <li>
            <div class="summary-l">会议内容：</div>
            <div class="summary-r">总结最近一周工作中员工的具体工作内容以及下周的工作计划。</div>
        </li>
        <li>
            <div class="summary-l">会议地点：</div>
            <div class="summary-r">智冠大会议室</div>
        </li>
        <li>
            <div class="summary-l">会议时间：</div>
            <div class="summary-r">11.08（周三）13:35</div>
        </li>
    </ul>
    <div class="add-sender add-me">
        <p>参会人</p>
        <div class="report-headimg more-person">华</div>
        <p class="sender">添加</p>
    </div>
    <div class="add-sender add-me">
        <p>会议记录员<span>（唯一）</span></p>
        <div class="report-headimg more-person">华</div>
        <p class="sender">添加</p>
    </div>
    <div class="discuss-area">
        <p class="discuss-title">评论</p>
        <ul class="discuss-list">
            <li class="report-top">
                <div class="report-headimg fl">华</div>
                <div class="report-info discuss-text">
                    <p>张华<span class="fr">2017年11月07日 18:09</span></p>
                    <div class="discuss-info">
                        请大家准时参加会议
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <ul class="report-footer me-footer">
        <li>
            <div class="footer-btn footer-btn-sec">查看会议纪要</div>
        </li>
        <li>
            <div class="footer-btn footer-btn-sec">评论</div>
        </li>
        <li>
            <div class="footer-btn footer-btn-sec" id="cancelBtn">取消会议</div>
        </li>
        <div class="clear"></div>
    </ul>
</div>
</body>
<script>
    document.getElementById("delBtn").addEventListener('tap', function() {
        var btnArray = ['取消', '确定'];
        mui.confirm('确定要删除本次会议吗？', '', btnArray, function(e) {
            if (e.index == 1) {

            } else {

            }
        })
    });
    document.getElementById("cancelBtn").addEventListener('tap', function() {
        var btnArray = ['取消', '确定'];
        mui.confirm('确定要取消本次会议吗？', '', btnArray, function(e) {
            if (e.index == 1) {

            } else {

            }
        })
    });
</script>
</html>